<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>popup</title>
	<link rel="shortcut icon" href="../img/icon128.png" type="image/png" />
	<link href="index.css" rel="stylesheet" type="text/css">
    <script src="../js/myreader.js" type="text/javascript"></script>
	<script src="../js/myutils.js" type="text/javascript"></script>
	<script src="index.js" type="text/javascript"></script>
  </head>
  
  <body>
	<div>
		<ul id="page-nav" class="nav nav-tabs">
		  <li class="active"><a href="#" id="monitor-show" data-msg="monitor" >monitor</a></li>
		  <li><a href="#" id="manual-show" data-msg="manual">manual</a></li>
		  <li><a href="#" id="download-show" data-msg="download">download</a></li>
		  <li><a href="#" id="settings-show" data-msg="settings">settings</a></li>
		  <li><a href="#" id="running-show" data-msg="running">running</a></li>
		</ul>
		<div id="page-wrapper">
			<div id="monitor-page" class="show">
				<div>
					<span id="monitor-count" class="badge" data-title="monitorMonitoredCount">-</span>
					<span class="badge badge-b" id="monitor-reload" data-msg="reload">reload</span>
					<span class="badge badge-b" id="monitor-clean" data-msg="clean">clean</span>
                    <span>
                        <select id="monitor-filter" class="empty-select" data-title="filter" >
                          <option value="">&nbsp;</option>
                          <option value="m3u8">m3u8</option>
                          <option value="video">video</option>
                          <option value="audio">audio</option>
                        </select>
                    </span>
					<span><input type="text" id="monitor-copyholder" class="copyholder" /></span>
				</div>
				<div id="monitor-content">
				</div>
			</div>
			<div id="manual-page" class="hide">
				<div>
					<textarea id="manual-url" class="textarea-url" data-place="inputValidURL"></textarea>
                    <textarea id="manual-headers" class="textarea-headers" data-place="inputValidHeaders"></textarea>
					<input type="text" data-place="inputFileName" value="test.mp4" id="manual-name" />
				</div>
				<div>
					<label data-title="manualM3u8Tip">
					  <span class="not-select">m3u8</span>
					  <input type="checkbox" id="manual-m3u8" />
					</label>
				</div>
                <div>
					<label class="not-select">method</label>
					<select id="manual-method">
					  <option value="GET">GET</option>
					  <option value="POST">POST</option>
					</select>
				</div>
				<div>
					<span class="badge badge-b" id="manual-download" data-msg="download">download</span>
					<span class="badge badge-b" id="manual-clean" data-msg="clean">clean</span>
				</div>
			</div>
			<div id="download-page" class="hide">
				<div>
					<span class="badge badge-c active" id="download-downloading-show" data-msg="downloadDlingShow">downloading</span>
					<span id="download-downloading-count" class="badge" data-title="downloadDlingCount">-</span>
					<span class="badge badge-c" id="download-batch-show" data-msg="downloadBatchShow">batch</span>
					<span id="download-batch-count" class="badge" data-title="downloadBatchCount">-</span>
					<span class="badge badge-b" id="download-reload" data-msg="reload" data-title="downloadReloadTip">reload</span>
                    <span><input type="text" id="download-copyholder" class="copyholder" /></span>
				</div>
				<div>
					<div id="download-downloading-page" class="show">
						<div id="download-downloading-content">
						</div>
					</div>
					<div id="download-batch-page" class="hide">
						<div id="download-batch-content">
						</div>
					</div>
				</div>
			</div>
			<div id="settings-page" class="hide">
				<div>
					<label class="not-select" data-msg="settingsEnvironment">environment</label>
					<select id="settings-environment">
					  <option value="nothing" data-msg="nothing">nothing</option>
					  <option value="pc" data-msg="settingsEnvironmentPC">pc</option>
					  <option value="mobile" data-msg="settingsEnvironmentMobile">mobile</option>
					</select>
				</div>
				<div>
                    <label class="not-select" data-msg="settingsShowTab">tab</label>
					<input type="checkbox" id="settings-tab" checked />
				</div>
				<div>
					<label class="not-select" data-msg="settingsShowDuration">duration</label>
					<input type="checkbox" id="settings-duration" checked />
				</div>
				<div>
					<label class="not-select" data-msg="settingsMonitorMax">mntmax</label>
					<input type="number" step="1" min="1" max="200" value="1" id="settings-mntmax" />
				</div>
				<div>
					<label class="not-select" data-msg="settingsDlingMax">dlingmax</label>
					<input type="number" step="1" min="1" max="10" value="1" id="settings-dlingmax" />
				</div>
				<div>
					<label class="not-select" data-msg="settingsDlBatchMax">dlbtmax</label>
					<input type="number" step="1" min="1" max="50" value="1" id="settings-dlbtmax" />
				</div>
				<div>
					<label class="not-select" data-msg="settingsPopupWidth">popwidth</label>
					<input type="number" step="20" min="462" max="4000" value="462" id="settings-popwidth" />
				</div>
				<div>
					<label class="not-select" data-msg="settingsPopupHeight">popheight</label>
					<input type="number" step="20" min="435" max="3000" value="435" id="settings-popheight" />
				</div>
				<div>
					<label class="not-select" data-msg="settingsPromptWhenExist">pwe</label>
					<input type="checkbox" id="settings-pwe" />
				</div>
				<div>
					<label class="not-select" data-msg="settingsNewFolderAtRoot">nfar</label>
					<input type="checkbox" id="settings-nfar" />
				</div>
				<div>
					<label class="not-select" data-msg="settingsPlaySoundWhenComplete">pswc</label>
					<input type="checkbox" id="settings-pswc" />
				</div>
				<div>
					<label class="not-select" data-msg="settingsSplitDiscontinuity">sd</label>
					<input type="checkbox" id="settings-sd" />
				</div>
				<div>
                    <label class="not-select" data-msg="settingsProcesserThreshold">prothr</label>
                    <input type="number" step="50" min="0" max="2000" value="500" id="settings-prothr" />
				</div>
                <div>
                    <label class="not-select" data-msg="settingsDownloaderPageSize">dps</label>
                    <input type="number" id="settings-dps" />
				</div>
                <div>
                    <label class="not-select" data-msg="settingsConvertSubtitles">cs</label>
                    <input type="checkbox" id="settings-cs" />
				</div>
                <div>
                    <label class="not-select" data-msg="settingsBrokenSequence">bseq</label>
                    <input type="checkbox" id="settings-bseq" />
				</div>
				<div>
					<label class="not-select" data-msg="settingsProxyAddress">pa</label>
                    <input type="checkbox" id="settings-paenable" />
                    <input type="text" id="settings-pa" />
				</div>
				<div>
					<label class="not-select" data-msg="settingsMatchingRule">mr</label>
                    <input type="checkbox" id="settings-mrenable" />
                    <textarea id="settings-mr" class="textarea-mr"></textarea>
				</div>
				<div>
					<span class="badge badge-b" id="settings-submit" data-msg="submit">submit</span>
                    <span class="badge badge-b" id="settings-popupintab" data-msg="settingsPopupInTab">popupintab</span>
				</div>
				
			</div>
			<div id="running-page" class="hide">
				<div>
					<span class="badge badge-b" id="running-reload" data-msg="reload">reload</span>
				</div>
				<div id="running-content">
				</div>
			</div>
		</div>
	</div>
  </body>
</html>
